Detectar fila al hacer click en el boton para coger id de registro

[dryant]

Hola a todos, programo en PHP, pero soy muy novato en javascript, y necesito hacer mas "userfriendly" mi web. El caso es que necesito capturar el id de un registro de una tabla. Algo tan sencillo como eso,... pero llevo toda la tarde y estoy un poco ya desesperado.
Pongo el html:

Código:

<table class="table table-striped table-responsive" id="resultado">
  <thead class="thead-dark">
    <tr>                
      <th scope="col" style="width:50px">id</th>
      <th scope="col" style="width:150px">Persona</th>
      <th scope="col">Acciones</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class=""><input type="text" value="1" class="id"></td>
      <td class=""><input type="text" value="Alberto" class="nombre"></td>
      <td>
        <button>CogerId</button>
      </td>
    </tr>
    <tr>
      <td class=""><input type="text" value="2" class="id"></td>
      <td class=""><input type="text" value="Javier" class="nombre"></td>
      <td>
        <button>CogerId</button>
      </td>
    </tr>
     <tr>
      <td class=""><input type="text" value="3" class="id"></td>
      <td class=""><input type="text" value="Maria" class="nombre"></td>
      <td>
        <button>datos</button>
      </td>
    </tr>
    
</table>

Y lo que necesito es que al pulsar el link "datos" me guarde en las variables id y nombre los valores de los dos inputs...
tengo el código en codepen con lo que he intentado pero no consigo sacar esos datos.
Como podría hacerlo?
GRacias a todos de antemano.