El objeto de la respuesta tiene una clave fija, la cual es: **23385178**, por lo tanto para poder recorrer el objeto y mostrar la información deseada deberías hacer lo siguiente:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    $(document).ready(function() {
      $.ajax({
        url: "https://euw.api.riotgames.com/api/lol/EUW/v1.4/summoner/23385178/masteries?api_key=RGAPI-de016c14-78f2-4e19-82a7-33526d8bed4c",
        dataType: "json",
      }).then(function(data) {
        // Definimos nuestro arreglo pages respecto a la clave fija
        var pages = data['23385178'].pages;
        // Recorremos nuestro arreglo pages
        for (var i = 0; i < pages.length; i++) {
          // Creamos un objeto para cada pocisión
          var obj = pages[i];
          // Ponemos nuestro resultado
          $('#result').append('<b>Id: </b>' + obj.id + ' <b>Name: </b>' + obj.name + '<br />');
          // Realizamos otro ciclo anidado recorriendo
          // el arreglo masteries dentro de nuestro objeto actual
          for (var j = 0; j < obj.masteries.length; j++) {
            // Ponemos nuestro resultado
            $('#result').append('<b>Id: </b>' + obj.masteries[j].id + ' <b>Rank: </b>' + obj.masteries[j].rank + '<br />');
          }
          $('#result').append('<hr />')
        }
      });
    });

<!-- language: lang-css -->

    #result {
      font-family: monospace;
      padding: 5px 5px 5px 5px;
    }

<!-- language: lang-html -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div id="result"></div>

<!-- end snippet -->